


<script setup>
import {ref, reactive} from 'vue'

const attributeName = ref('href')
const url = ref('www.baidu.com')
</script>

<template>

<!-- 传递null就没作用 -->
<a v-bind:[null]="url"> 1 </a>
<!-- 传递href也没作用，因为没有这个变量 -->
<a v-bind:[href]="url"> 2 </a>
<!-- 传递字符串报错，但其实本质上她就是需要一个字符串，只是说用了动态参数，就要传递变量了，而不是字符串 -->
<!-- <a v-bind:['href']="url"> 3 </a> -->
<!-- 传递一个变量可以 -->
<a v-bind:[attributeName]="url"> 4 </a>
</template>